<template>
  <div>
    <div class="content">
      <div class="block">
        <el-carousel trigger="click" height="350px">
            <el-carousel-item v-for="(item, index) in carouselImages" :key="index">
  <!-- <div class="caption left-caption">创新标识语左</div> -->
  <div class="imgBox" :style="{ backgroundImage: 'url(' + item.imgUrl + ')' }"></div>
  <!-- <div class="caption right-caption">创新标识语右</div> -->
</el-carousel-item>

    </el-carousel>
      </div>
      <ul class="features">
        <li
          v-for="(feature, index) in features[currentLanguage]"
          :key="index"
          class="feature-item"
        >
          <div class="icon">
            <svg v-html="feature.icon" class="feature-icon"></svg>
          </div>
          <span class="feature-text">{{ feature.key }}</span>
        </li>
      </ul>
      <div class="introduction">
        <h2>{{ messages[currentLanguage].introductionTitle }}</h2>
        <p>{{ messages[currentLanguage].introductionContent }}</p>
        <p>{{ messages[currentLanguage].mission }}</p>
        <a href="开发文档的链接">{{
          messages[currentLanguage].documentationLink
        }}</a>
      </div>
    </div>
  </div>
</template>

<script>
import image1 from "@/assets/lunbo/c1.png";


export default {
    props: {
      currentLanguage: {
        type: String,
        default: 'zh',
      },
    },
  data() {
    return {
      carouselImages: [
        {imgUrl:'http://etnor.xyz/img/c1.png',alt:''},
        {imgUrl:'http://etnor.xyz/img/c2.png',alt:''},
        {imgUrl:'http://etnor.xyz/img/c3.png',alt:''},
        {imgUrl:'http://etnor.xyz/img/c4.png',alt:''},
      
      
      ],
      currentLanguage: "en",
      features: {
        en: [
          {
            key: "API Registration",
            icon: '<svg t="1729924005041" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6424" width="24" height="24"><path d="M689.230769 992.492308c-23.630769 0-39.384615-15.753846-39.384615-39.384616V905.846154H551.384615v47.261538c0 23.630769-15.753846 39.384615-39.384615 39.384616s-39.384615-15.753846-39.384615-39.384616V905.846154H374.153846v47.261538c0 23.630769-15.753846 39.384615-39.384615 39.384616s-39.384615-15.753846-39.384616-39.384616V905.846154H157.538462c-23.630769 0-39.384615-15.753846-39.384616-39.384616v-137.846153H70.892308c-23.630769 0-39.384615-15.753846-39.384616-39.384616s15.753846-39.384615 39.384616-39.384615H118.153846V551.384615H70.892308c-23.630769 0-39.384615-15.753846-39.384616-39.384615s15.753846-39.384615 39.384616-39.384615H118.153846V374.153846H70.892308c-23.630769 0-39.384615-15.753846-39.384616-39.384615s15.753846-39.384615 39.384616-39.384616H118.153846V157.538462c0-23.630769 15.753846-39.384615 39.384616-39.384616h137.846153V70.892308c0-23.630769 15.753846-39.384615 39.384616-39.384616s39.384615 15.753846 39.384615 39.384616V118.153846H472.615385V70.892308c0-23.630769 15.753846-39.384615 39.384615-39.384616s39.384615 15.753846 39.384615 39.384616V118.153846h98.461539V70.892308c0-23.630769 15.753846-39.384615 39.384615-39.384616s39.384615 15.753846 39.384616 39.384616V118.153846H866.461538c23.630769 0 39.384615 15.753846 39.384616 39.384616v137.846153h47.261538c23.630769 0 39.384615 15.753846 39.384616 39.384616s-15.753846 39.384615-39.384616 39.384615H905.846154V472.615385h47.261538c23.630769 0 39.384615 15.753846 39.384616 39.384615s-15.753846 39.384615-39.384616 39.384615H905.846154v98.461539h47.261538c23.630769 0 39.384615 15.753846 39.384616 39.384615s-15.753846 39.384615-39.384616 39.384616H905.846154V866.461538c0 23.630769-15.753846 39.384615-39.384616 39.384616h-137.846153v47.261538c0 23.630769-15.753846 39.384615-39.384616 39.384616z m0-165.415385H827.076923V196.923077H196.923077v630.153846h492.307692z m0-98.461538h-354.461538c-23.630769 0-39.384615-15.753846-39.384616-39.384616v-354.461538c0-23.630769 15.753846-39.384615 39.384616-39.384616h354.461538c23.630769 0 39.384615 15.753846 39.384616 39.384616v354.461538c0 23.630769-15.753846 39.384615-39.384616 39.384616z m-315.076923-78.769231h275.692308v-275.692308h-275.692308v275.692308z" fill="#62708B" p-id="6425"></path></svg>',
          },
          {
            key: "Code Repository",
            icon: '<svg t="1729923869854" class="icon" viewBox="0 0 1076 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5256" width="24" height="24"><path d="M1045.341181 437.17956l-187.067852-187.067852a52.902099 52.902099 0 0 0-75.989587 73.62164c0.376719 0.430536 0.807255 0.807255 1.183974 1.183974l187.067851 187.067851-187.067851 187.067852a52.912863 52.912863 0 1 0 74.805613 74.85943l187.067852-187.175485a105.804199 105.804199 0 0 0 0-149.611227zM218.066437 250.111708L30.998585 437.17956a105.804199 105.804199 0 0 0 0 149.611227l187.067852 187.067851a52.912863 52.912863 0 0 0 74.805613-74.85943L105.804199 511.985173l187.067851-187.067851a52.902099 52.902099 0 0 0-73.62164-75.989587c-0.430536 0.376719-0.807255 0.807255-1.183973 1.183973zM360.573822 956.890216L613.836568 38.987663a53.020497 53.020497 0 0 1 102.252278 28.092468L462.44938 984.982683a53.025879 53.025879 0 1 1-102.252277-28.146284H360.573822z" fill="#1A71B9" p-id="5257"></path></svg>',
          },
          {
            key: "Parameter Configuration",
            icon: '<svg t="1729930805507" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7441" width="24" height="24"><path d="M927.6 260.1H320.1c-17.7 0-32-14.3-32-32s14.3-32 32-32h607.5c17.7 0 32 14.3 32 32s-14.3 32-32 32z" p-id="7442"></path><path d="M293.5 356.2H97.1c-17.7 0-32-14.3-32-32V132c0-17.7 14.3-32 32-32h196.4c17.7 0 32 14.3 32 32v192.3c0 17.6-14.3 31.9-32 31.9z m-164.4-64h132.4V164H129.1v128.2zM923.8 832.7H316.2c-17.7 0-32-14.3-32-32s14.3-32 32-32h607.5c17.7 0 32 14.3 32 32s-14.3 32-31.9 32z" p-id="7443"></path><path d="M289.7 928.8H93.2c-17.7 0-32-14.3-32-32V704.6c0-17.7 14.3-32 32-32h196.4c17.7 0 32 14.3 32 32v192.3c0.1 17.6-14.2 31.9-31.9 31.9z m-164.5-64h132.4V736.6H125.2v128.2z" p-id="7444"></path><path d="M703.7 561.9H96.1c-17.7 0-32-14.3-32-32s14.3-32 32-32h607.5c17.7 0 32 14.3 32 32s-14.3 32-31.9 32z" p-id="7445"></path><path d="M926.7 658H730.2c-17.7 0-32-14.3-32-32V433.8c0-17.7 14.3-32 32-32h196.4c17.7 0 32 14.3 32 32V626c0.1 17.7-14.3 32-31.9 32z m-164.5-64h132.4V465.8H762.2V594z" p-id="7446"></path></svg>',
          },
          {
            key: "My Issues",
            icon: '<svg t="1729931032316" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8478" width="24" height="24"><path d="M789.3 256.8L625.2 715.7l-91.4-182.9-21.9-43.7-48.2-8-92.6-15.4 418.2-208.9M960.1 64.2L63.9 511.8l384 64 192 384L960.1 64.2z" fill="" p-id="8479"></path></svg>',
          },
          {
            key: "My Bugs",
            icon: '<svg t="1730081700369" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3160" width="24" height="24"><path d="M937.076364 511.332848h-146.331152V412.470303c75.931152 0 137.425455-61.494303 137.425455-137.433212 0-4.344242-3.55297-7.912727-7.90497-7.912727h-59.322182c-4.352 0-7.912727 3.568485-7.912727 7.912727a62.277818 62.277818 0 0 1-62.285576 62.293333H237.056a62.285576 62.285576 0 0 1-62.293333-62.293333c0-4.344242-3.55297-7.912727-7.90497-7.912727h-59.322182c-4.344242 0-7.912727 3.568485-7.912727 7.912727 0 75.931152 61.502061 137.433212 137.433212 137.433212v98.870303H90.724848c-4.344242 0-7.912727 3.568485-7.912727 7.912727v55.365819c0 4.352 3.568485 7.912727 7.912727 7.912727h146.331152v94.913939c0 6.43103 0.201697 12.854303 0.698182 19.083637-67.832242 28.966788-115.386182 96.302545-115.386182 174.708363 0 4.352 3.560727 7.912727 7.912727 7.912727h55.365818c4.344242 0 7.912727-3.560727 7.912728-7.912727a118.528 118.528 0 0 1 58.926545-102.531879 269.730909 269.730909 0 0 0 22.442667 48.446061 278.147879 278.147879 0 0 0 99.366788 99.366788 275.277576 275.277576 0 0 0 139.605333 37.771636c50.920727 0 98.676364-13.746424 139.706182-37.771636A278.155636 278.155636 0 0 0 775.416242 768.698182a118.652121 118.652121 0 0 1 58.833455 102.531879c0 4.352 3.55297 7.912727 7.90497 7.912727h55.365818c4.352 0 7.912727-3.560727 7.912727-7.912727 0-78.405818-47.553939-145.741576-115.386182-174.700606 0.395636-6.337939 0.698182-12.660364 0.698182-19.083637V582.516364h146.331152c4.344242 0 7.90497-3.560727 7.904969-7.912728v-55.365818c0-4.344242-3.560727-7.912727-7.904969-7.912727z m-221.478788 166.105213a200.455758 200.455758 0 0 1-27.485091 101.740606 202.038303 202.038303 0 0 1-72.471273 72.471272 199.175758 199.175758 0 0 1-64.170667 24.025213V483.653818c0-4.352-3.560727-7.912727-7.912727-7.912727h-59.322182c-4.344242 0-7.912727 3.560727-7.912727 7.912727v392.021334a199.168 199.168 0 0 1-64.155151-24.025213 202.038303 202.038303 0 0 1-72.479031-72.471272 200.455758 200.455758 0 0 1-27.485091-101.740606V412.470303h403.39394v264.975515z" fill="#000000" p-id="3161"></path><path d="M308.247273 281.941333h55.373575c4.344242 0 7.912727-3.560727 7.912728-7.912727 0-27.973818 5.825939-52.596364 16.903757-72.665212a111.476364 111.476364 0 0 1 44.885334-44.893091c20.169697-10.969212 44.691394-16.903758 72.672969-16.903758h15.825455c27.973818 0 52.596364 5.833697 72.665212 16.911516a111.476364 111.476364 0 0 1 44.885333 44.885333c10.97697 20.169697 16.911515 44.683636 16.911516 72.665212 0 4.352 3.560727 7.912727 7.912727 7.912727h55.365818c4.344242 0 7.912727-3.560727 7.912727-7.912727 0-39.548121-8.704-75.830303-25.615515-106.876121a182.225455 182.225455 0 0 0-73.161697-73.161697c-31.045818-16.911515-67.335758-25.615515-106.883879-25.615515h-15.825454c-39.540364 0-75.830303 8.704-106.876121 25.615515a182.225455 182.225455 0 0 0-73.161697 73.153939c-16.911515 31.053576-25.607758 67.335758-25.607758 106.891637 0 4.344242 3.560727 7.912727 7.912727 7.912727z" fill="#000000" p-id="3162"></path></svg>',
          },
          {
            key: "My APIs",
            icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"><path d="M12 2a10 10 0 0 0-10 10 10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z"/></svg>',
          },
        ],
        zh: [
          {
            key: "接口注册",
            icon: '<svg t="1729924005041" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6424" width="24" height="24"><path d="M689.230769 992.492308c-23.630769 0-39.384615-15.753846-39.384615-39.384616V905.846154H551.384615v47.261538c0 23.630769-15.753846 39.384615-39.384615 39.384616s-39.384615-15.753846-39.384615-39.384616V905.846154H374.153846v47.261538c0 23.630769-15.753846 39.384615-39.384615 39.384616s-39.384615-15.753846-39.384616-39.384616V905.846154H157.538462c-23.630769 0-39.384615-15.753846-39.384616-39.384616v-137.846153H70.892308c-23.630769 0-39.384615-15.753846-39.384616-39.384616s15.753846-39.384615 39.384616-39.384615H118.153846V551.384615H70.892308c-23.630769 0-39.384615-15.753846-39.384616-39.384615s15.753846-39.384615 39.384616-39.384615H118.153846V374.153846H70.892308c-23.630769 0-39.384615-15.753846-39.384616-39.384615s15.753846-39.384615 39.384616-39.384616H118.153846V157.538462c0-23.630769 15.753846-39.384615 39.384616-39.384616h137.846153V70.892308c0-23.630769 15.753846-39.384615 39.384616-39.384616s39.384615 15.753846 39.384615 39.384616V118.153846H472.615385V70.892308c0-23.630769 15.753846-39.384615 39.384615-39.384616s39.384615 15.753846 39.384615 39.384616V118.153846h98.461539V70.892308c0-23.630769 15.753846-39.384615 39.384615-39.384616s39.384615 15.753846 39.384616 39.384616V118.153846H866.461538c23.630769 0 39.384615 15.753846 39.384616 39.384616v137.846153h47.261538c23.630769 0 39.384615 15.753846 39.384616 39.384616s-15.753846 39.384615-39.384616 39.384615H905.846154V472.615385h47.261538c23.630769 0 39.384615 15.753846 39.384616 39.384615s-15.753846 39.384615-39.384616 39.384615H905.846154v98.461539h47.261538c23.630769 0 39.384615 15.753846 39.384616 39.384615s-15.753846 39.384615-39.384616 39.384616H905.846154V866.461538c0 23.630769-15.753846 39.384615-39.384616 39.384616h-137.846153v47.261538c0 23.630769-15.753846 39.384615-39.384616 39.384616z m0-165.415385H827.076923V196.923077H196.923077v630.153846h492.307692z m0-98.461538h-354.461538c-23.630769 0-39.384615-15.753846-39.384616-39.384616v-354.461538c0-23.630769 15.753846-39.384615 39.384616-39.384616h354.461538c23.630769 0 39.384615 15.753846 39.384616 39.384616v354.461538c0 23.630769-15.753846 39.384615-39.384616 39.384616z m-315.076923-78.769231h275.692308v-275.692308h-275.692308v275.692308z" fill="#62708B" p-id="6425"></path></svg>',
          },
          {
            key: "代码仓库",
            icon: '<svg t="1729923869854" class="icon" viewBox="0 0 1076 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5256" width="24" height="24"><path d="M1045.341181 437.17956l-187.067852-187.067852a52.902099 52.902099 0 0 0-75.989587 73.62164c0.376719 0.430536 0.807255 0.807255 1.183974 1.183974l187.067851 187.067851-187.067851 187.067852a52.912863 52.912863 0 1 0 74.805613 74.85943l187.067852-187.175485a105.804199 105.804199 0 0 0 0-149.611227zM218.066437 250.111708L30.998585 437.17956a105.804199 105.804199 0 0 0 0 149.611227l187.067852 187.067851a52.912863 52.912863 0 0 0 74.805613-74.85943L105.804199 511.985173l187.067851-187.067851a52.902099 52.902099 0 0 0-73.62164-75.989587c-0.430536 0.376719-0.807255 0.807255-1.183973 1.183973zM360.573822 956.890216L613.836568 38.987663a53.020497 53.020497 0 0 1 102.252278 28.092468L462.44938 984.982683a53.025879 53.025879 0 1 1-102.252277-28.146284H360.573822z" fill="#1A71B9" p-id="5257"></path></svg>',
          },
          {
            key: "参数配置",
            icon: '<svg t="1729930805507" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7441" width="24" height="24"><path d="M927.6 260.1H320.1c-17.7 0-32-14.3-32-32s14.3-32 32-32h607.5c17.7 0 32 14.3 32 32s-14.3 32-32 32z" p-id="7442"></path><path d="M293.5 356.2H97.1c-17.7 0-32-14.3-32-32V132c0-17.7 14.3-32 32-32h196.4c17.7 0 32 14.3 32 32v192.3c0 17.6-14.3 31.9-32 31.9z m-164.4-64h132.4V164H129.1v128.2zM923.8 832.7H316.2c-17.7 0-32-14.3-32-32s14.3-32 32-32h607.5c17.7 0 32 14.3 32 32s-14.3 32-31.9 32z" p-id="7443"></path><path d="M289.7 928.8H93.2c-17.7 0-32-14.3-32-32V704.6c0-17.7 14.3-32 32-32h196.4c17.7 0 32 14.3 32 32v192.3c0.1 17.6-14.2 31.9-31.9 31.9z m-164.5-64h132.4V736.6H125.2v128.2z" p-id="7444"></path><path d="M703.7 561.9H96.1c-17.7 0-32-14.3-32-32s14.3-32 32-32h607.5c17.7 0 32 14.3 32 32s-14.3 32-31.9 32z" p-id="7445"></path><path d="M926.7 658H730.2c-17.7 0-32-14.3-32-32V433.8c0-17.7 14.3-32 32-32h196.4c17.7 0 32 14.3 32 32V626c0.1 17.7-14.3 32-31.9 32z m-164.5-64h132.4V465.8H762.2V594z" p-id="7446"></path></svg>',
          },
          {
            key: "我的issue",
            icon: '<svg t="1729931032316" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8478" width="24" height="24"><path d="M789.3 256.8L625.2 715.7l-91.4-182.9-21.9-43.7-48.2-8-92.6-15.4 418.2-208.9M960.1 64.2L63.9 511.8l384 64 192 384L960.1 64.2z" fill="" p-id="8479"></path></svg>',
          },
          {
            key: "我的缺陷",
            icon: '<svg t="1730081700369" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3160" width="24" height="24"><path d="M937.076364 511.332848h-146.331152V412.470303c75.931152 0 137.425455-61.494303 137.425455-137.433212 0-4.344242-3.55297-7.912727-7.90497-7.912727h-59.322182c-4.352 0-7.912727 3.568485-7.912727 7.912727a62.277818 62.277818 0 0 1-62.285576 62.293333H237.056a62.285576 62.285576 0 0 1-62.293333-62.293333c0-4.344242-3.55297-7.912727-7.90497-7.912727h-59.322182c-4.344242 0-7.912727 3.568485-7.912727 7.912727 0 75.931152 61.502061 137.433212 137.433212 137.433212v98.870303H90.724848c-4.344242 0-7.912727 3.568485-7.912727 7.912727v55.365819c0 4.352 3.568485 7.912727 7.912727 7.912727h146.331152v94.913939c0 6.43103 0.201697 12.854303 0.698182 19.083637-67.832242 28.966788-115.386182 96.302545-115.386182 174.708363 0 4.352 3.560727 7.912727 7.912727 7.912727h55.365818c4.344242 0 7.912727-3.560727 7.912728-7.912727a118.528 118.528 0 0 1 58.926545-102.531879 269.730909 269.730909 0 0 0 22.442667 48.446061 278.147879 278.147879 0 0 0 99.366788 99.366788 275.277576 275.277576 0 0 0 139.605333 37.771636c50.920727 0 98.676364-13.746424 139.706182-37.771636A278.155636 278.155636 0 0 0 775.416242 768.698182a118.652121 118.652121 0 0 1 58.833455 102.531879c0 4.352 3.55297 7.912727 7.90497 7.912727h55.365818c4.352 0 7.912727-3.560727 7.912727-7.912727 0-78.405818-47.553939-145.741576-115.386182-174.700606 0.395636-6.337939 0.698182-12.660364 0.698182-19.083637V582.516364h146.331152c4.344242 0 7.90497-3.560727 7.904969-7.912728v-55.365818c0-4.344242-3.560727-7.912727-7.904969-7.912727z m-221.478788 166.105213a200.455758 200.455758 0 0 1-27.485091 101.740606 202.038303 202.038303 0 0 1-72.471273 72.471272 199.175758 199.175758 0 0 1-64.170667 24.025213V483.653818c0-4.352-3.560727-7.912727-7.912727-7.912727h-59.322182c-4.344242 0-7.912727 3.560727-7.912727 7.912727v392.021334a199.168 199.168 0 0 1-64.155151-24.025213 202.038303 202.038303 0 0 1-72.479031-72.471272 200.455758 200.455758 0 0 1-27.485091-101.740606V412.470303h403.39394v264.975515z" fill="#000000" p-id="3161"></path><path d="M308.247273 281.941333h55.373575c4.344242 0 7.912727-3.560727 7.912728-7.912727 0-27.973818 5.825939-52.596364 16.903757-72.665212a111.476364 111.476364 0 0 1 44.885334-44.893091c20.169697-10.969212 44.691394-16.903758 72.672969-16.903758h15.825455c27.973818 0 52.596364 5.833697 72.665212 16.911516a111.476364 111.476364 0 0 1 44.885333 44.885333c10.97697 20.169697 16.911515 44.683636 16.911516 72.665212 0 4.352 3.560727 7.912727 7.912727 7.912727h55.365818c4.344242 0 7.912727-3.560727 7.912727-7.912727 0-39.548121-8.704-75.830303-25.615515-106.876121a182.225455 182.225455 0 0 0-73.161697-73.161697c-31.045818-16.911515-67.335758-25.615515-106.883879-25.615515h-15.825454c-39.540364 0-75.830303 8.704-106.876121 25.615515a182.225455 182.225455 0 0 0-73.161697 73.153939c-16.911515 31.053576-25.607758 67.335758-25.607758 106.891637 0 4.344242 3.560727 7.912727 7.912727 7.912727z" fill="#000000" p-id="3162"></path></svg>',
          },
          {
            key: "我的接口",
            icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"><path d="M12 2a10 10 0 0 0-10 10 10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z"/></svg>',
          },
        ],
      },
      messages: {
        zh: {
          title: "自研信息门户网站-手机端-集成API",
          description: "集成API功能，实现手机端信息门户网站的功能，包括：",
          introductionTitle: "Etnor集成开发者的使命与职责",
          introductionContent:
            "直接参与系统内部接口开发，享有更优质的资源......",
          mission: "不了解集成开发？",
          documentationLink: "请点击这里查看开发文档",
        },
        en: {
          title: "Self-Developed Information Portal - Mobile - Integrated API",
          description:
            "Integrate API functions to realize the functionality of the mobile information portal, including:",
          introductionTitle:
            "The Mission and Responsibilities of Etnor Integrated Developers",
          introductionContent:
            "Participate directly in the development of internal system interfaces and enjoy better resources...",
          mission: "Don't understand integration development?",
          documentationLink: "Click here to view the development documentation",
        },
      },
    };
  },
};
</script>

<style scoped>
.carousel {
  position: relative; /* 轮播图样式 */
  height: 300px; /* 根据需要调整高度 */
}
.carousel img {
  width: 100%;
  height: auto;
}

.content {
  padding: 20px;
  /* background-color: aqua; */
  margin-top: 40px;
  margin-bottom: 40px;
}

.features {
  list-style-type: none;
  padding: 0;
  display: flex; /* 横向排列 */
  flex-wrap: wrap; /* 换行显示 */
  gap: 40px; /* 20px的间隔 */
}

.features li {
  display: flex;
  flex-direction: column; /* 垂直排列图标与名称 */
  align-items: center; /* 中心对齐 */
  width: 80px; /* 固定宽度确保一致 */
  text-align: center; /* 文本居中 */
  border: 2px solid transparent; /* 默认边框颜色 */
  border-radius: 8px; /* 圆角边框 */
  transition: border-color 0.3s, background-color 0.3s; /* 加入过渡效果 */
  padding: 10px; /* 内边距 */
}

.features li:hover {
  border-color: #007bff; /* 鼠标悬停时边框颜色 */
  background-color: rgba(0, 123, 255, 0.1); /* 鼠标悬停时背景颜色 */
  cursor: pointer;
}

.feature-icon {
  width: 40px; /* 根据需要调整图标大小 */
  height: 40px;
}

.introduction {
  margin-top: 20px;
}

.feature-text {
  word-wrap: break-word; /* 允许文本换行 */
  white-space: normal; /* 让文本正常换行 */
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
.imgBox {
    width: 100%;
    height: 100%;
    background-size: contain; /* 完全显示背景图 */
    background-repeat: no-repeat; /* 不重复背景图 */
    background-position: center; /* 居中 */
    background-size: contain; /* 完全显示背景图 */
   
}
.caption {
  position: absolute; /* 绝对定位 */
  top: 50%; /* 居中对齐 */
  transform: translateY(-50%); /* 垂直居中 */
  color: #fff; /* 字体颜色 */
  font-size: 24px; /* 字体大小 */
  font-weight: bold; /* 字体加粗 */
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); /* 字体阴影，增加可读性 */
}

.left-caption {
  left: 20px; /* 左侧间距 */
}

.right-caption {
  right: 20px; /* 右侧间距 */
}
</style>
